000000 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

超基本 HTMLとブラウザのお話し



HTMLとはHyperText Markup Languageの略でウェブページを表示するためのマークアップ言語のことです。
これは、W3Cが作成している規格で最新版はHTML 4.01となります。

ホームページを作成する場合、ホームページビルダーやDreamweaverなどのソフトを使用する人が多いのですが、
HTMLさえ知っていればそれらのソフト無しにメモ帳もで作れます。

参考までに・・・
IBMホームページ・ビルダー V9 + はじめての公開サービスパック 特別キャンペーン版
IBMホームページ・ビルダー V9 + はじめての公開サービスパック 特別キャンペーン版
8,900 円
ソースネクスト IBMホームページ・ビルダー V9通常版 謝恩キャンペーン版
ソースネクスト IBMホームページ・ビルダー V9通常版 謝恩キャンペーン版 
6,267 円
 ホームページ・ビルダー V9 バージョンアップ版
ホームページ・ビルダー V9 バージョンアップ版
5,215 円
IBMホームページ・ビルダーV9 + Webデザインサポートパック
IBMホームページ・ビルダーV9 + Webデザインサポートパック
ダウンロードするならこちらが便利
8,800 円
【受発注(お取り寄せ)】ライブドア ホームページクリエイター6 PRGHPC-0005
ライブドア ホームページクリエイター6
6,130 円
HTML & JavaScript上級テクニック集第2版 アッと驚く達人の技 ( 著者: C&R研究所 | 出版社:...
HTML & JavaScript上級テクニック集第2版
2,600 円
速効!図解ホームページ作成(HTML編) ( 著者: 森理浩 | 出版社: 毎日コミュニケーションズ )
速効!図解ホームページ作成(HTML編)
950 円
HTMLタグ辞典第5版 Internet Explorer 6.0 & N ( 著者: アンク | 出版社: 翔泳社 )
HTMLタグ辞典第5版 Internet Explorer 6.0 & N
1,500 円
詳解HTML & XHTML & CSS辞典 ( 著者: 大藤幹 | 出版社: 秀和システム )
詳解HTML & XHTML & CSS辞典
2000円
HTML maniax 究極のホームページ裏ワザ入門 ( 著者: 佐藤和人 | 出版社: インプレス/インプ...
HTML maniax 究極のホームページ裏ワザ入門
2200円
超図解HTMLでつくるホームページ入門 ( 著者: エクスメディア | 出版社: エクスメディア )
超図解HTMLでつくるホームページ入門
1300円
極悪ホームページ事典 裏HTML &裏JavaScript &裏XHTM ( 著者: 平野浩和 | 出版社: 秀和シス...
極悪ホームページ事典 裏HTML &裏JavaScript &裏XHTM
2300円( ̄w ̄)

⇒ ソフトがあればHTMLを知らなくていいのでは?という方もいらっしゃいますが、そんなことはありません。

ソフトは自動でHTMLを作ってくれる(変換してくれている)わけですが、それは和訳ソフトのように外国語を直訳してしまうようなもので、
とてもギクシャクしたモノに仕上がります。
しかもソフトのみでホームページのためのHTMLを作ると余分なタグが重なって入っていたり、ページを表示するのに時間が掛かったり(重くなる)します。

このサイトも決して綺麗ではありませんが・・・(ーー;)

そのようなところは自分で作り直す必要があります。
細かいところもソフトでは無理なので自分で打ち込まなければいけません。
ですから、ソフトを使用していてもホームページを作る方はHTMLタグを覚えた方がいいと考えます。

ホームページをブラウザで表示させるためのHTMLタグの基本構成

<HTML>

<HEAD>
<TITLE>
タイトルを入れる場所**ブラウザーのタイトルバーに表示されます。(楽天では使えません)</TITLE>
</HEAD>

<BODY>

ページの本文を書くところ (楽天ではこの<BODY>と<BODY>の間のみが使用できるんだそうです。)
</BODY>

</HTML>


<HTML>は『ここからHTMLが始まります』という宣言する記号で、</HTML>は『ここでHTMLが終わります』という記号です。

<HEAD>~</HEAD>はHPの内容の情報やHPのタイトルなどのを埋め込む為のタグ。

<TITLE>~</TITLE>の間にはブラウザーのタイトルバー(左上の部分)に表示されるHPのタイトルを記述します。
(しつこいですが、楽天ではこの部分は使えません)

<BODY>~</BODY>の中に書いた事柄がブラウザに表示される部分です。
(この部分が楽天広場で使えるところです)

* HTMLダグのルール・・・タグは基本的に<開始タグ>と</終了タグ>の2つをセットとして使います。
終了タグにはタグ名の前に/(スラッシュ)を付けて終わりを宣言します。
例外的に<BR>(改行タグ)は囲む必要がありません。



上のHTMLをウェブで表示させると
 ページの本文を書くところ (楽天ではこの<BODY>と<BODY>の間のみが使用できるんだそうです。)
となります。
単純ね(^^;)

用語のおさらい

 ブラウザブラウザ(WWWブラウザ)とは、ホームページを閲覧するためのソフトのこと。
ブラウザが無いとホームページを正常に見ることができません。

HTMLタグで書かれた文章をブラウザが処理して画面に表示させます。
今この画面を普通に読んでいらっしゃる方は何らかのブラウザソフトを通してみていることになります。
 ブラウザの種類 主に使用されているブラウザは2つ。
 現在のブラウザで一番使用者が多いブラウザは、マイクロソフト社のInternet Explorer[通称IE]です。その次にで使用者が多いブラウザは、ネットスケープ社のNetscape Navigator[通称 ネスケ・NN]です。
割合で言うと、「9:1」位の割合です。
それ以外のブラウザは使用している人は、非常に少ないみたいです。
・ Internet Explorer   ・ Netscape Navigator
 別のブラウザで見るとページに違いが出る?ブラウザが違えば、同じソース(HTMLタグ)を使っていても、表示される画面が異なる事があります。
私はIEのみでページの表示を確認していますので、NNで見るとどうなってるのかちょっと不安でもあります( ̄w ̄)ぷ
つまり、自分のブラウザではきちんと表示されているから、他の方が見ても綺麗に表示されていると思ってはいけません。
このため、複数のブラウザに対応したHTMLに対処して作成してくれる機能が備わっているホームページ作成ソフトもあります。
 タグ タグとは<タグ名><タグ名>の記号で囲まれた半角の英数字のことで、このタグを使ってウェブページが作られています
(でも、タグ=HTMLではありません^^;)
また、タグは半角英数字を使って記入します。
大文字、小文字どちらでもかまいませんし混じっていても問題はありませんが、ソースを覗かれることを考えると汚くって恥ずかしいものです。

このサイトでは大文字、小文字が適当に入り乱れての解説となってますが、一切気にしないでくださいm(_ _)mペコリ
  




© Rakuten Group, Inc.
X